<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<style type="text/css">
			/*头部样式*/
			*{
				margin: 0;
				padding: 0;
				box-sizing: border-box
			}
			.con{
				width: 1000px;
				margin: auto;
			}
			.top{
				width: 100%;
				height: 24px;
				background: #00b7ee;
			}
			.item .logo_1{
				width: 121px;
				height: 63px;
				margin: 40px 70px 20px 70px;
				overflow: hidden;
				float: left;
			}
			.item .list{
				width: 440px;
				height: 15px;
				float: left;
				margin-top: 75px;
			}
			.item .list .active:hover:after{
				content: "";
				display: block;
				width: 50%;
				height: 1px;
				margin: 0 auto;
				background: #000;
				margin-top: 3px;
			}
			.item .active{
				list-style: none;
				float: left;
				padding-right: 15px;
				font-size: 14px;
			}
			.item .active a{
				text-decoration: none;
				color: black;
			}
			.item .search{
				width: 216px;
				height: 30px;
				border: 1px solid #000000;
				float: left;
				margin-top: 70px;
			}
			.item .search form{
				height: 30px;
			}
			.item input{
				height: 28px;
				width: 180px;
				border: 0;
				padding: 0 8px;
				vertical-align: top;
			}
			.item .search button{
				width: 28px;
				height: 28px;
				background: url(../img/icon_03.jpg) center center no-repeat;
				border: 0;
			}
			
			
			
			/*尾部样式*/
			.fot{
				width: 900px;
				height: 150px;
				margin: auto;
			}
			.fot tr td{
				width: 130px;
				font-size: 12px;
			}
			.fot table{
				float: left;
			}
			.fot tr th{
				text-align: left;
				height: 50px;
				font-size: 16px;
			}
			.fot .call{
				float: right;
				width: 330px;
			}
			.fot .call .pho{
				float: left;
				width: 50px;
			}
			.fot .call .pho img:first-child{
				margin: 30px 10px 30px 0;
			}
			.fot .call .med{
				float: left;
				width: 130px;
				margin-top: 25px;
			}
			.fot .call .med h4{
				font-size: 16px;

			}
			.fot .call .med h4:nth-of-type(3){
				margin-top: 35px;
				margin-left: 10px;
			}
			.fot .call .med p{
				font-size: 10px;
			}
			.fot .call .lat{
				float: left;
				width: 140px;
				margin-top: 25px;
			}
			.fot .call .lat p{
				font-size: 10px;
			}
			.fot .call .lat img:nth-of-type(1){
				margin: 12px 0 0 55px;
			}
			/*.fot .call .lat img:nth-of-type(2){
				margin: 10px 0 ;
			}*/
			/*.fot .call .pho{
				float: left;
				margin: 30px 10px 20px 0;
			}
			.fot .call h4{
				font-size: 17px;
				float: left;
				
			}
			.fot .call h4.first{
				margin: 20px 0 0 0;
			}
			.fot .call p{
				font-size: 10px;
				float: right;
			}
			.fot .call p:nth-of-type(3){
				display: block;
				/*background: url(img/博_12.jpg) 0 bottom  no-repeat;
				background: url(img/微_11.jpg) right 0 no-repeat;*/
				/*padding-right: 200px;*/
			/*	padding-left: 60px;
			}*/
			.wei{
				width: 1000px;
				font-size: 10px;
				height: 70px;
				background: #6db6ff;
				line-height: 110px;
				text-align: center;
			}
		</style>
		
		
		
		
		<!--头部-->
		<div class="hed">
				<div class="top"></div>
				<div class="item">
					<div class="logo_1">
						<h1>
						<a href="#"> <img src="img/logo.jpg"/>鼎搜网</a>
						</h1>
					</div>
					<div class="list">
						<ul>
							<li class="active"><a href="#">首页</a></li>
							<li class="active"><a href="#">关于鼎搜</a></li>
							<li class="active"><a href="#">鼎搜服务</a></li>
							<li class="active"><a href="#">鼎搜动态</a></li>
							<li class="active"><a href="#">鼎搜诚聘</a></li>
							<li class="active"><a href="#">鼎搜公益</a></li>
						</ul>
					</div>
					<div class="search">
						<form action="#" method="post">
							<input type="text" value="" />
							<button></button>
						</form>
					</div>
					<img src="img/bo.jpg" style="width: 100%;display: block;"/>
				</div>
			</div>
		
		
		
		<!--尾部-->
		<div class="fot">
				<table border="0" cellspacing="10" cellpadding="10">
					<tr>
						<th>简介</th>
						<th>帮助</th>
						<th>共赢</th>
						<th>导航</th>
					</tr>
					<tr>
						<td>鼎搜网简介</td>
						<td>用户注册</td>
						<td>网站合作</td>
						<td>地图首页</td>
					</tr>
					<tr>
						<td>鼎搜服务</td>
						<td>关于鼎搜</td>
						<td>用户协议</td>
						<td>职能分类</td>
					</tr>
					<tr>
						<td>会员身份实名认证</td>
						<td>在线咨询</td>
						<td>会员身份实名认证</td>
						<td>企业名录</td>
					</tr>
				</table>
				<div class="call">
					<div class="pho">
						<img src="img/电话_07.jpg"/>
						<img src="img/二_10.jpg" />
					</div>
					<div class="med">
						<h4 class="first">全国服务热线</h4>
						<h4 class="second">440-880-1779</h4>
						<p>邮箱:dinsoo@163.com</p>
						<h4>订阅信息</h4>
					</div>
					<div class="lat">
						<p>投诉电话：4408801779</p>
						<p>周一至周六：9:20-20:00</p>
						<img src="img/博_12.jpg"/>
						<img src="img/微_11.jpg"/>
					</div>
				</div>
			</div>
			<div class="wei">
				Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有
			</div>
	</body>
</html>
